
<template>
  <!-- 宫格组件 -->
  <uni-section title="记账项目管理" type="line"></uni-section>
  <view class="grid-body">
    <uni-grid :column="4" :showBorder="false" @change="changeGrid">
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="person-filled" size="30"></uni-icons>
          <text class="text">下车费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="staff-filled" size="30"></uni-icons>
          <text class="text">彩礼费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="color" size="30"></uni-icons>
          <text class="text">车队费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="settings-filled" size="30"></uni-icons>
          <text class="text">婚庆费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="heart-filled" size="30"></uni-icons>
          <text class="text">香烟费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="bars" size="30"></uni-icons>
          <text class="text">酒水费用</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="gear-filled" size="30"></uni-icons>
          <text class="text">红包</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="chat-filled" size="30"></uni-icons>
          <text class="text">改口费</text>
        </view>
      </uni-grid-item>
      <uni-grid-item>
        <view class="grid-item-box">
          <uni-icons type="wallet-filled" size="30"></uni-icons>
          <text class="text">其他费用</text>
        </view>
      </uni-grid-item>
    </uni-grid>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

function changeGrid(e) {
  uni.navigateTo({
    url: '/pages/work/saveweddingitem'
  })
}
</script>


<style scoped lang="scss">

</style>